<template>
  <div class="container">
    <Breadcrumb :items="['menu.problem', 'menu.problem.create']"/>

  </div>
</template>

<script lang="ts" setup>
import {ref} from 'vue';
import {FormInstance} from '@arco-design/web-vue/es/form';
import useLoading from '@/hooks/loading';
import {Message} from "@arco-design/web-vue";
import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';

const formData = ref({});
const formRef = ref<FormInstance>();
const {loading, setLoading} = useLoading();

const { t } = useI18n();
const router = useRouter();





</script>

<script lang="ts">
export default {
  name: 'CodeProblem',
};
</script>

<style scoped lang="less">
.container {
  padding: 0 20px 40px 20px;
  overflow: hidden;
}

.actions {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  padding: 14px 20px 14px 0;
  background: var(--color-bg-2);
  text-align: right;
}

.general-card {
  border-radius: 4px;
  border: none;

  & > .arco-card-header {
    height: auto;
    padding: 20px;
    border: none;
  }

  & > .arco-card-body {
    padding: 0 20px 20px 20px;
  }
}


</style>